.menu_open{
	margin-left:1%;
	margin-right:2%;
	border-radius:20px;
	background:black;
	width:20%;
	height:100%; 
	float:left;
	animation: open_ani 1s ;
}
.menu_close{
	margin-left:3%;
	margin-right:2%;
	border-radius:20px;
	background:black;
	width:5%;
	height:100%; 
	float:left;
	animation: close_ani 1s ;
}

.content_open{
	border-radius:15px;
	width:77%;
	height:100%;
	border :solid 1px rgb(222, 222, 222);
	animation: content_open_ani 1s;
}
.content_close{
	border-radius:15px;
	width:87%;
	height:100%;
	margin-left: 3%;
	border :solid 1px rgb(222, 222, 222);
	animation: content_close_ani 1s;
}
.tips{
	z-index:2;
	position:relative;
	width:80%;
	height:50%;
	top:20%;
	left:0;
	border:solid 3px black;
	animation: ani_tips_show 0.75s;
}
.extra{
	width:400px;
	height:40px;
	top: 40%;
	left:0;
	position:relative;
	animation: ani_extra_show 0.75s;
}
.wordcloud_content{
	margin:1%;
	width:95%;
	height:90%;
	border:solid 3px black;
	animation: ani_wordcloud_content 0.75s;
}
.kmeans_content_check_box{
	position: relative;
	width:100%;
	height:10%;
	top:0;
}
.kmeans_content_main{
	position:relative;
	width:100%;
	height:85%;
}
#model_0{
	position:relative;
	width:95%;
	height:95%;
	bottom:10px;
 	margin:20px;
}
@keyframes ani_wordcloud_content{
		0%{
			width:10%;
			height:90%;
		}
		100%{
			width:95%;height:90%;
		}
}
@keyframes ani_tips_show{
0%{
	
		opacity: 0;
		top:-3%;
	}
	100%{
		left:0;
		opacity: 1;
	}
}
@keyframes ani_extra_show{
0%{
		left:30%;
		opacity: 0;
	}
	100%{
		left:0;
	
		opacity: 1;
	}
}
@keyframes close_ani{
	0%{
		width:20%;
		margin-left:1%;

	}
	100%{
		width:5%;
		margin-left:3%;
	}
}
@keyframes open_ani{
	0%{
		width:5%;
		margin-left:3%;
		
	}
	100%{
		width:20%;
		margin-left:1%;
		
	}
}

@keyframes content_open_ani{
	0%{
		width:87%;
		margin-left: 3%;
	}
	100%{
		width:77%;
		margin-left: 0%;
	}
}
@keyframes content_close_ani{
	0%{
		width:77%;
		margin-left: 0%;
	}
	100%{
		width:87%;
		margin-left: 3%;
	}
}
#title_span{
		position:absolute;
		color:white;
		top:40px;
		margin-left:85px;
		text-align:center;
		font-size:35px;
		animation: title_ani infinite 1s;
}
@keyframes title_ani{
	0%{font-size:35px;}
	50%{font-size:40px;}
	100%{font-size:35px;}
}